:root {
    --theme: #1dc4e9;
    --black: #333;
    --dark: #3f4d67;
    --blue: #409eff;
    --orange: #ed7d31;
    /* --gray: #4a6076; */
    --gray: #888888;
    --green: #1de9b6;
    --red: #f44236;
}

.text-c-dark {
    color: var(--black);
}

.text-c-orange {
    color: var(--orange);
}

.text-c-gray {
    color: var(--gray);
}

.text-c-blue {
    color: var(--blue);
}

.text-c-red {
    color: var(--red);
}

.text-c-theme {
    color: var(--theme);
}

.text-c-white {
    color: #fff;
}

.text-c-green {
    color: var(--green);
}

.bg-theme {
    background-color: var(--theme);
}

.bg-dark {
    background-color: var(--dark);
    color: #fff;
}

.bg-none {
    background-color: transparent !important;
}

.bg-white {
    background-color: #fff;
}

.bg-gray {
    background-color: #eff2f7;
}

.bg-green {
    background-color: #d4edda;
    color: #299b85;
}

.bg-blue {
    background-color: #cce5ff;
    color: #1c7aa5;
}

.dark-bg {
    background: linear-gradient(-135deg, #3f4d67 0%, #314770 100%);
    color: #fff;
}

.dark-bg2 {
    background: linear-gradient(-135deg, #3f4d67 0%, #3f4d67 100%);
    color: #fff;
}

.theme-bg {
    background: linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%);
    color: #fff;
}

.theme-bg2 {
    background: linear-gradient(-135deg, #65a4e7 0%, #A389D4 100%);
    color: #fff;
}

.theme-bg3 {
    background: #ff7e5f;
    background: -webkit-linear-gradient(to right, #ff7e5f, #feb47b);
    background: linear-gradient(to right, #ff7e5f, #feb47b);
    color: #fff;
}

.theme-bg4 {
    background: #56CCF2;
    background: -webkit-linear-gradient(to right, #2F80ED, #56CCF2);
    background: linear-gradient(to right, #2F80ED, #56CCF2);
    color: #fff;
}

.theme-bg-btn {
    background: linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%);
    cursor: pointer;
}

.theme-bg-btn:hover {
    background: linear-gradient(-135deg, #23c29a 0%, #25accb 100%);
}

.theme-bg2-btn {
    background: linear-gradient(-135deg, #899FD4 0%, #A389D4 100%);
    cursor: pointer;
}

.theme-bg2-btn:hover {
    background: linear-gradient(-135deg, #6979a1 0%, #736196 100%);
}